<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.ajax4jsf.org/rich">

<body>
<f:view>
    <ui:composition template="../../template/template.xhtml">

    <ui:define name="conteudo">
            
    <a4j:form id="formIncluirProntuario" style="width: 50.1%; margin-left: 320px; border: 1px solid #B0C4DE; margin-top: -16px; margin-bottom: -16px;">
        
        <a4j:loadScript src="/js/jquery.min.js"/>
		<a4j:loadScript src="/js/jquery.maskMoney.js"/>	
        <a4j:loadScript src="/js/jscripts.js"/>
		<a4j:loadScript src="/js/jquery.js"/>
        
        
        <script type="text/javascript">
					$(document).ready(function() {
					$(".real").maskMoney({
						showSymbol : false,
						decimal : ",",
						thousands : ".",
						allowZero : true
						});
					});
		</script>
        
        
        <rich:messages style="margin-left:10px; COLOR: #ff0000; FONT-WEIGHT: bold;"></rich:messages>
        
        <br />
        <center>
        	<b>Incluir Prontuário</b>
        </center>

		<br />
		<br />
		
		<div style="margin-left:120px;"> 
		
			<h:outputLabel value="Nome: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
			<h:outputText value="#{prontuarioBean.prontuarioDTO.pacienteDTO.noPaciente}" />
	        
	        <br />
	        
	        <h:panelGrid columns="4">
	        
	        	<h:outputLabel value="Data Nascimento: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
	        	<h:outputText value="#{prontuarioBean.prontuarioDTO.pacienteDTO.dtNascimento}"  />
	        
	        	<h:outputLabel value="Sexo: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
	        	<h:outputText value="#{prontuarioBean.prontuarioDTO.pacienteDTO.deSexo}" />
	        
	        	<h:outputLabel value="Estado Civil: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
	        	<h:outputText value="#{prontuarioBean.prontuarioDTO.pacienteDTO.deEstadoCivil}" />
	        	
	        	<h:outputLabel value="Profissão: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
	        	<h:outputText value="#{prontuarioBean.prontuarioDTO.pacienteDTO.deProfissao}" />
	        
	        	<h:outputLabel value="Fone Residencial: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
	        	<h:outputText value="#{prontuarioBean.prontuarioDTO.pacienteDTO.deTelResid}" />
	        
	        	<h:outputLabel value="Fone Celular: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
	        	<h:outputText value="#{prontuarioBean.prontuarioDTO.pacienteDTO.deTelCelular}" />
	        
	        </h:panelGrid>
	        
	        <br />
	        
	        <h:outputLabel value="Data da Consulta: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
			<h:outputText value="#{prontuarioBean.prontuarioDTO.dtConsulta}" />
	        
	        <br />
	        
	        <h:panelGrid columns="4">
	        	
	        	<h:outputLabel value="Altura: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
	        	<h:inputText value="#{prontuarioBean.prontuarioDTO.altura}" styleClass="real" maxlength="5" converter="ConverterBigDecimal"/>
	        	
	        	<h:outputLabel value="Peso: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
	        	<h:inputText value="#{prontuarioBean.prontuarioDTO.peso}" styleClass="real" maxlength="6" converter="ConverterBigDecimal"/>
	        	
				<h:outputLabel value="IMC: " style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
	        	<h:inputText id="imc" value="#{prontuarioBean.prontuarioDTO.imc}" styleClass="real" converter="ConverterBigDecimal" disabled="true"/>
	
				<a4j:commandButton value="Calcular" action="#{prontuarioBean.calcularIMC}" reRender="formIncluirProntuario"/>
	             
	        </h:panelGrid>
		
			<br />
			
			<h:panelGrid columns="2">
				<h:outputLabel value="Diagnóstico" style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
				<h:inputTextarea value="#{prontuarioBean.prontuarioDTO.diagnostico}" cols="44" rows="5" style="resize:none;"/>
				
				<h:outputLabel value="Especialidade" style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
				<h:selectOneMenu value="#{prontuarioBean.prontuarioDTO.nuEspecialidade}" valueChangeListener="#{prontuarioBean.loadTerapeutasListener}">
					<f:selectItem itemLabel="Selecione" itemValue=""/>
					<f:selectItems value="#{prontuarioBean.especialidades}"/>
					<a4j:support event="onchange" reRender="terapeutas"/>
				</h:selectOneMenu>
				
				<h:outputLabel value="Terapeuta" style="FONT-WEIGHT: bold; margin-rigth:10px;"/>
				<h:selectOneMenu value="#{prontuarioBean.prontuarioDTO.nuTerapeuta}" id="terapeutas" >
					<f:selectItem itemLabel="Selecione" itemValue=""/>
					<f:selectItems value="#{prontuarioBean.terapeutas}"/>
				</h:selectOneMenu>
			</h:panelGrid>
			
			<br />
			<br />
				<h:outputLabel value="Outras Consultas" style="FONT-SIZE: large; FONT-WEIGHT: bold; margin-left: -43px;"/>
			<br />
		
		</div>
		
		<br />
		
		<center>
		 <rich:dataTable id="tabelaListaProntuario" value="#{prontuarioBean.prontuarioDTO.prontuarios}" var="prontuario" style=" width : 450px;">
                <rich:column>
				
					<h:panelGrid columns="4">
						
						<h:outputLabel value="Data: " style="FONT-WEIGHT: bold; "/>
						<h:outputText value="#{prontuario.dataFormatada}" />
						<h:outputLabel value="Especialidade: " style="FONT-WEIGHT: bold; "/>
						<h:outputText value="#{prontuario.noEspecialidade}" />
						
						<h:outputLabel value="Terapeuta :" style="FONT-WEIGHT: bold; "/>
						<h:outputText value="#{prontuario.noTerapeuta}" />
						<h:panelGroup>
							<h:panelGrid columns="2" style="text-align:left;" >
						
								<h:outputLabel value="Altura :" style="FONT-WEIGHT: bold;"/>
								<h:outputText value="#{prontuario.altura}" />
						
								<h:outputLabel value="Peso :" style="FONT-WEIGHT: bold;"/>
								<h:outputText value="#{prontuario.peso}" />
						
							</h:panelGrid>
						</h:panelGroup>
						
					</h:panelGrid>
					
					<br />
						
					<h:outputLabel value="Diagnóstico: " style="FONT-SIZE: small; FONT-WEIGHT: bold; margin-rigth:10px; margin-left: 9px;"/>
					
					<br />
					
					<h:inputTextarea id="diagnostico" value="#{prontuario.diagnostico}" cols="61" rows="5" style="margin-left: 9px; resize:none;" disabled="true" validatorMessage="Tamanho máximo de caracteres: 2000 caracteres">
						<f:validateLength maximum="2000" />
              			<rich:ajaxValidator event="onkeyup"/>
					</h:inputTextarea>	
				
					<br />

                </rich:column>
                
         </rich:dataTable>	
		</center>
            
            <br />
            <br />
            	<center>
            		<a4j:commandButton value="Incluir" action="#{prontuarioBean.executaIncluir}" reRender="formIncluirProntuario"/>
            		<a4j:commandButton value="Cancelar" action="#{pacienteBean.carregarConsultar}" style="margin-left:10px;"/>
            	</center>
            
            <br />
            <br />
            <a4j:keepAlive beanName="prontuarioBean "/>
    	</a4j:form>
	</ui:define>
</ui:composition>
</f:view>
</body>
</html>